<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]>
<!--><html class="no-js" lang="en"><!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>Magician - Responsive Parallax  Template</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/skeleton.css">
	<link rel="stylesheet" href="css/work.css">
    <!--[if lte IE 8]>
        <script src="js/html5.js"></script>
    <![endif]-->		
		
	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="favicon.png">
	<link rel="apple-touch-icon" href="apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
</head>
<body>


	<!-- Primary Page Layout
	================================================== -->
	
	<div id="work">
	<a class="close" href="index-2.html#works">CLOSE</a>
	<a class="left" href="work.html"></a>
	<a class="right" href="work.html"></a>
		<div class="container">
			<div class="sixteen columns">
				<div id="cbp-fwslider" class="cbp-fwslider">
					<ul>
						<li><img src="images/works/1.png" alt="img02"/></li>
						<li><img src="images/works/2.png" alt="img03"/></li>
						<li><img src="images/works/3.png" alt="img04"/></li>
						<li><img src="images/works/4.png" alt="img01"/></li>
						<li><img src="images/works/5.png" alt="img05"/></li>
						<li><img src="images/works/6.png" alt="img06"/></li>
					</ul>
				</div>
			</div>	
			<div class="eight columns">
				<h3>Project Title</h3>	
				<p class="border-padding">If you don't want to be beaten, imprisoned, mutilated, killed or tortured then you shouldn't condone such behaviour towards anyone, be they human or not. Nothing will benefit human health and increase the chances for survival of life on Earth as much as the evolution to a vegetarian diet. People eat meat and think they will become as strong as an ox, forgetting that the ox eats grass.</p>	
				<a class="inner-button-works" href="#">View Online</a>
			</div>
			<div class="eight columns">
				<div id="cbp-qtrotator" class="cbp-qtrotator">
					<div class="cbp-qtcontent">
						<img src="images/1.jpg" alt="img01" />
						<blockquote>
						  <p><em>People eat meat and think they will become as strong as an ox, forgetting that the ox eats grass.</em></p>
						  <footer>Pino Caruso</footer>
						</blockquote>
					</div>
					<div class="cbp-qtcontent">
						<img src="images/2.jpg" alt="img02" />
						<blockquote>
						  <p><em>Nothing will benefit human health and increase the chances for survival of life on Earth as much as the evolution to a vegetarian diet.</em></p>
						  <footer>Albert Einstein</footer>
						</blockquote>
					</div>
					<div class="cbp-qtcontent">
						<img src="images/3.jpg" alt="img03" />
						<blockquote>
						  <p><em>If you don't want to be beaten, imprisoned, mutilated, killed or tortured then you shouldn't condone such behaviour towards anyone, be they human or not.</em></p>
						  <footer>Moby</footer>
						</blockquote>
					</div>
					<div class="cbp-qtcontent">
						<img src="images/4.jpg" alt="img04" />
						<blockquote>
						  <p><em>My body will not be a tomb for other creatures.</em></p>
						  <footer>Leonardo Da Vinci</footer>
						</blockquote>
					</div>
				</div>
			</div>	
		</div>
	</div>
	
	
	<!-- JAVASCRIPT
  ================================================== -->

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easing-min.js"></script>
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/work.js"></script>
<script type="text/javascript" src="js/jquery.cbpFWSlider.min.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="js/jquery.cbpQTRotator.min.js"></script>
<!-- End Document
================================================== -->
</body>
</html>	
	
	
	